import Image from "next/image";
import OperateToolbar from "../OperateToolbar";
import classNames from "classnames";
import styles from './index.module.css'
import BGImg from '@/app/assets/images/abouts/bg.png'
import ZSImg1 from '@/app/assets/images/abouts/zs1.png'
import JZCImg1 from '@/app/assets/images/certificates/jzc1.jpg'
import JZCImg2 from '@/app/assets/images/certificates/jzc2.jpg'
import JZCImg3 from '@/app/assets/images/certificates/jzc3.jpg'
import NOVImg1 from '@/app/assets/images/certificates/nov1.jpg'
import NOVImg2 from '@/app/assets/images/certificates/nov2.jpg'
import ContentBottom from "./ContentBottom";

export default function Letter() {
  return (
    <div className="pb-10">
      <OperateToolbar actived="certifcate" />
      <div className="" style={{ backgroundImage: `url(${BGImg.src})` }}>
        <div className="flex justify-between items-center pt-10 pb-10">
          <Image src={ZSImg1} alt="" />
          <div className="ml-16 pt-10 pb-10">
            <h4>把数字世界带入每个实验室、再生工厂和工程项目</h4>
            <p>公司长期关注于国内、外先进智能化技术前沿发展动向，持续开展数字化实验室、数字化工厂和数字建造应用解决方案的研究升级，重视人才培养与案例积累，获得多项资质及知识产权。</p>
          </div>
        </div>

        <div className="flex items-center justify-between pt-10 pb-10">
          <div className={classNames("flex-1 flex flex-col", styles.certiWraper)}>
            <h4 className="text-[2rem] mb-4">资质证书</h4>
            <p>软件企业证书  </p>
            <p>质量服务信誉证书  </p>
            <p>软件产品证书  </p>
            <p>诚信企业家荣誉证书  </p>
            <p>AAA信用等级证书 </p>
            <p>诚信经营示范单位证书  </p>
            <p>高新技术企业证书   </p>
            <p>知识产权管理体系认证  </p>
            <p>ISO9001质量管理体系认证  </p>
            <p>ISO14001环境管理体系认证  </p>
            <p>ISO45001职业健康安全管理体系认证  </p>
            <p>ISO20000 信息技术服务管理体系  </p>
            <p>ISO27001 信息安全管理体系认证  </p>
          </div>
          <div className="flex-1 flex flex-wrap space-x-3 space-y-3 justify-around items-center">
            <Image src={JZCImg1} alt="" />
            <Image src={JZCImg2} alt="" />
            <Image src={JZCImg3} alt="" />
            <Image src={NOVImg1} alt="" />
            <Image src={NOVImg2} alt="" />
          </div>
        </div>

        <ContentBottom />

      </div>
    </div>
  )
}